<template>
    <div class="leftlist" style="overflow:hidden">
        <h5>ORDER LIST</h5>
        <el-table :data="orderList"  v-el-table-infinite-scroll="refresh" @row-click="handeclick" style="width:100%" height="40vh">
            <el-table-column fixed prop="PI_name" label="ORDER ID" width="120" />
            <el-table-column prop="iso_code_2" label="CITY" align="center" />
            <el-table-column prop="clent" label="CLIENT" align="center" />
            <el-table-column prop="items" label="ITEMS" align="center" />
            <el-table-column prop="State" label="STA" align="center" />
        </el-table>
    </div>

</template>
<script setup>

const props = defineProps({
    orderList: Object
})

const emits = defineEmits(['getorder', 'refreshOrderList'])
const handeclick = (row, column, event) => {
    emits('getorder', row)
}
// 刷新方法
const refresh = () => {
    emits('refreshOrderList')
}
</script>

<style lang="less">
.leftlist {
    padding: 10px;
    width: 100%;
    border: 1px solid #f4f4f4;

    .el-table .cell {
        padding: 0;
    }
}
</style>


